/* reset */
.scape-range,
.scape-range * {
  border: none;
  height: auto;
  width: auto;
  position: static;
  background: none;
  float: none;
  transform: none;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  padding: 0;
  margin: 0;
  outline: none;
}
/* core */
.scape-range {
  position: relative;
}
.scape-range .scape-range-thumb {
  cursor: pointer;
}
.scape-range.scape-range-top,
.scape-range.scape-range-bottom {
  height: 100%;
}
.scape-range.scape-range-left .scape-range-played,
.scape-range.scape-range-right .scape-range-played,
.scape-range.scape-range-left .scape-range-thumb,
.scape-range.scape-range-right .scape-range-thumb {
  height: 100%;
}
.scape-range.scape-range-top .scape-range-played,
.scape-range.scape-range-bottom .scape-range-played,
.scape-range.scape-range-top .scape-range-thumb,
.scape-range.scape-range-bottom .scape-range-thumb {
  width: 100%;
}
.scape-range .scape-range-played,
.scape-range .scape-range-thumb {
  position: absolute;
}
.scape-range.scape-range-left .scape-range-thumb {
  right: 0;
}
.scape-range.scape-range-right .scape-range-thumb {
  left: 0;
}
.scape-range.scape-range-top .scape-range-thumb {
  bottom: 0;
}
.scape-range.scape-range-bottom .scape-range-thumb {
  top: 0;
}
.scape-range.scape-range-left .scape-range-played {
  left: 0;
}
.scape-range.scape-range-right .scape-range-played {
  right: 0;
}
.scape-range.scape-range-bottom .scape-range-played {
  bottom: 0;
}
.scape-range.scape-range-top .scape-range-played {
  top: 0;
}
/* core end */
/* themes */
/* deafult */
.scape-range-theme-default {
  background: #ddd;
  border-radius: 5px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.scape-range-theme-default .scape-range-played {
  background: #444;
  border-radius: 5px;
}
.scape-range-theme-default.scape-range-left,
.scape-range-theme-default.scape-range-right {
  height: 10px;
}
.scape-range-theme-default.scape-range-top,
.scape-range-theme-default.scape-range-bottom {
  width: 10px;
}
.scape-range-theme-default .scape-range-thumb {
  height: 10px;
  width: 10px;
  background: #666;
  border-radius: 5px;
}
.scape-range-theme-default .scape-range-thumb-inner {
  height: 16px;
  width: 16px;
  margin: -3px 0 0 -3px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}
/* meteor */
.scape-range-theme-meteor {
  background: #ddd;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.scape-range-theme-meteor .scape-range-played {
  background: #80DEEA;
}
.scape-range-theme-meteor.scape-range-left,
.scape-range-theme-meteor.scape-range-right {
  height: 2px;
}
.scape-range-theme-meteor.scape-range-top,
.scape-range-theme-meteor.scape-range-bottom {
  width: 2px;
}
.scape-range-theme-meteor .scape-range-thumb {
  height: 2px;
  width: 2px;
  background: #fff;
}
.scape-range-theme-meteor .scape-range-thumb-inner {
  height: 6px;
  width: 6px;
  margin: -2px 0 0 -2px;
  background: #00B0FF;
}
/* minimal */
.scape-range-theme-minimal {
  background: #ddd;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.scape-range-theme-minimal .scape-range-played {
  background: #999;
}
.scape-range-theme-minimal.scape-range-left,
.scape-range-theme-minimal.scape-range-right {
  height: 1px;
}
.scape-range-theme-minimal.scape-range-top,
.scape-range-theme-minimal.scape-range-bottom {
  width: 1px;
}
.scape-range-theme-minimal .scape-range-thumb {
  height: 1px;
  width: 1px;
  background: #fff;
}
.scape-range-theme-minimal .scape-range-thumb-inner {
  height: 15px;
  width: 15px;
  margin: -7px 0 0 -7px;
  background: #999;
  border-radius: 9px;
}
